@charset "utf-8";
/* CSS Document */
*{padding: 0px; margin:0px;}
body{ font-size: 12px;}
a{
    text-decoration: none;
    color:#666666;
    &:hover{color: #B1191A;}
}
ul{
    list-style: none;
}
header{
    width: 100%;    
    border-bottom:2px solid #B1191A;
    
    .top{
    width: 100%;height: 30px;
    background:#F1F1F1;
    font-size: 12px;
    font-weight: 400;
    font-family: arial;
    color: #666666;
            .top_middle{
                            width: 1210px;height: 30px;
                            margin: 0px auto;
                            

                            
                           .left{
                               float: left;   
                               position: relative;                            
                                height: 30px;
                                z-index: 100;
                                p{
                                    float: left;                                    
                                  line-height:30px;
                                  padding-left: 5px;
                                }
                                .top_hd{
                                    position: absolute; 
                                    border: 1px solid #DDDDDD;
                                    width: 311px;height: 247px;
                                    top: 30px;
                                    border-top: none;
                                    display: none;
                                    
                                }
//                              二级菜单部分
                               .erji{
                                    width: 311px;height: 247px;  
                                    background:white; 
                                    
                                    li{
                                        float: left;                                    
                                        margin: 15px 0 0 18px;
                                        line-height: 22px;
                                        text-align: center; 
                                        a{    display: block;padding: 5px 8px; }                                                                           
                                    } 
                                    li:hover{background:#F4F4F4;}                                   
                                    .first,.first:hover{background: #B61D1D;
                                            a{color: white;}
                                    }
                                                                   
                               }     

                               //二级菜单结束
                           }
                           .left:hover{
                               background: white;
                               cursor: pointer;
                               .top_hd{
                                   display: block;                              
                               }
                               .ic{
                                    transform: rotate(180deg) ;
                                        // border-style: solid none none solid;
                                    transition: all 0.5s ease-in-out;
                               }                                                            
                               
                           }
                          .right{
                              float: right;
                              height: 30px;                          
                              li{
                                  float: right;
                                  line-height: 30px;
                                  position: relative;
                                  z-index: 100;
                                    span{
                                        padding-right: 5px;                                      
                                    }
                                    .se{
                                        color: #DDDDDD;    
                                    }
                                    .ic2{
                                        font-size: 15px;
                                  
                                    }
                                    a{color:#666666;}
                                }
                              li:hover{
                                  background: white;
                                  .wode,.shouji,.daohang,.guan{display: block;}
                                 a{color:#C81623;}                                                             
                              }
                                  .wode,.shouji,.daohang,.guan{position: absolute;
                                       border: 1px solid #DDDDDD;
                                       border-top: 0px;top: 30px; display: none;
                                       background: white;
                                     //我的京东二级菜单
                                        .top{
                                           width: 271px;height: 72px;

                                          
                                          img{
                                             width: 62px;height: 62px;
                                             border-radius: 50% 50%;
                                             margin: 5px 0 0 5px;
                                             float: left;
                                          } 
                                           .lg{
                                               display: block;
                                               float: left;
                                               padding: 6px 0 0 5px;
                                               width: 190px;
                                               font-weight: 700;
                                               color:black;
                                           }
                                           .xi{float: left;
                                                padding-left: 5px;
                                               a{color: #666;}  
                                             }
                                             a:hover{color:#C81623;}
                                        }
                                        .deil{
                                            height: 110px;border-bottom:1px solid #ccc;
                                            padding-bottom: 3px;
                                            li{
                                                float: left;
                                                margin:0 60px 0px 10px;
                                                a{color:#666666}
                                            }
                                            a:hover{color:#C81623;}
                                        }
//                                       我的足迹
                                         .zuji{
                                             height: 20px;
//                                           border: 1px solid red;;
                                             margin-top: 5px;
                                             line-height: 20px;text-align: center;
                                             .zu{
                                                 float: left;padding: 0px 0px 10px 5px;
                                             }
                                             .more{float: right;}
                                             .zu,.more{color: #666;}                                               
                                             
                                         }
                                         .zutu{
                                             width: 53px;height: 53px;
                                            margin-top: 10px;
                                         }
                                       
                                   }
                                  .wode{   width: 271px;height: 295px; }                               
                                  .shouji{ width: 250px;height:196px; }                       
                                  .daohang{width: 1210px;height: 188px;left:-1135px;}  
                                  .guan{width: 86px;height: 108px;}
                                                        
                          }
//                        免费登陆部分
                          .reg{
                              float: right;
                              line-height: 30px;
                              padding-right:16px;
                              .check{
                                 padding-left: 5px;
                                 color:#C81623;
                              }
                              .login:hover{color:#C81623;}
                          }
                      
                           
             }
             
         
    } 
//  顶部搜索区域
    .top_search{
        width: 1210px;height:100px;
        margin: 0 auto;
//      border: 1px solid blue;
        position: relative;
//      logo图
         .logo{
            display:block; 
            position: absolute;
            top: 20px;
         }
        .search_box{
            position: absolute; 
            top: 20px;
            left: 365px;
            width: 540px;height:38px;
//          border: 1px solid red;
            .text{
                width: 454px;height: 34px;
                border:2px solid #B61D1D;
                float: left;
                text-indent: 5px;
            }
            .sub{
                width: 72px;height: 38px;
                border: none;cursor: pointer;
                color:white;
                float: left;
                background: #B61D1D;    
            }            
        }
        
        //搜索框地下的链接
          .search_tui{
              width: 540px;height: 28px;
              position: absolute;  
              top: 60px;left: 365px;
//            border: 1px solid blue;
              text-align: center;
              line-height: 28px;
              li{ float: left;
                font-size: 12px;  
                padding-right: 10px;                
              }
              .first{a{color: #B61D1D;}}
              li:hover{a{color: #B61D1D;}}
          }
        //购物车
          .shop_box{
              width:140px;height: 38px;
              border:1px solid #DFDFDF;
//            
              position: absolute;top: 20px;right: 66px;
              background: #F9F9F9;
              .che{
                width:85px;height: 17px;
                position: absolute; 
//              border: 1px solid red;
                top: 10px;left: 17px; 
                font-size:12px;
                color: #666;
                text-indent:25px;
                background: url(../images/bg.png)no-repeat 0 -59px;
                
              }             
              .jian{
                  position: absolute;
                  right: 13px;top: 12px;
              }
               //隐藏部分
              .box_hidden{
                  width: 307px;height: 70px;
                  position: absolute;
                  top:38px;right: 0px;
                 box-shadow: 0 0 3px rgba(0,0,0,0.5); 
                  display: none;
                  background: white;
              }
          }
          .shop_box:hover{
              border: 1px solid white; 
              box-shadow: 0 0 3px rgba(0,0,0,0.5);                        
              background: white;
              .box_hidden{display: block;}
          }
          
    }
//  顶部搜索区域结束
//  顶部导航区域
     .top_lend{
        width: 1210px;height: 44px;
        margin: 0 auto;
        //左部
          .lend_left{
              width: 200px;height: 44px;
              float: left;
              font-size: 15px;
              padding-left: 9px;
              background: #B1191A;             
              line-height: 44px;
              font-family: arial;
              a{color:white;}
          }
         //中部
         .lend_dao{
             height: 44px;            
             float: left;
             li{
                 float: left;
                 text-align: center;
                 line-height: 44px;
                 padding: 0 20px 0 20px;
                font-size: 15px;
                a{color: #333333;}
             }
             li:hover{ a{color: #B1191A;}}
         }
         .free{float: right;}
     }
//   导航区域结束    
}

//中部轮播区域
.middle{
    width: 1210px;height: 468px;

    margin: 0 auto;    
    //左部二级菜单部分
    .middle_left{
        width: 209px;height: 468px;
        float:left;
        background: #C81623;
        position: relative;
        z-index: 97;
        .box{
            width: 209px;min-height: 468px;
            li{
                width: 200px;height: 30px;
                padding-left: 9px;
                line-height: 30px;
                font-size: 14px;                
                color: white;
                position: relative;
               a{
                   color: white;
                   margin-right: 4px;
               }
               .jiantou{float: right;
                        position: absolute;
                        right: 5px;
                        top:0px;
                        font-size: 11px;
               }
            }
            li:hover{background: #F7F7F7;a{color: #B61D1D;}}
        }
        .father{
            position: absolute; 
            width: 1000px;
            left: 209px;
            top: 0px;                      
            .hidden{
                position: absolute; 
                width: 1000px;
                top: 0px;left: 0px;
                border: 1px solid #B61D1D;
                border-left: none;
                display: none;
                background: white;
            }
        }
        
    }
    .middle_lubo{
        width: 750px;height: 468px;
//      background: yellow;
        float: left;
        .bigbox{
          width: 730px;height: 454px;
//        border: 1px solid red;
          margin: 11px 10px 0 10px;
           position: relative;
           .tu{
                position: absolute;
                top: 0;left: 0;
                display: none;
           }
           .around{
               position: absolute;
               bottom: 10px;left:302px;
               li{
                   float: left;width: 20px;height: 20px;
                   background:#ccc;
                   margin-left: 5px;
                   text-align: center;
                   line-height: 20px;
                 border-radius: 50% 50%;
               }
           } 
           .left,.right{
               position: absolute;top:210px;width:30px;height:62px;background: rgba(0,0,0,0.7);
               z-index: 10;
               color: white;font-size: 20px;text-align: center; line-height: 62px;
               display: none;
               cursor: pointer;
            }
           .left{left:0px}
           .right{right:0px}
        }
    }
//  中部右面部分

    .middle_rights{
        @color:#C81623;
       float: left;
       margin-top: 11px;
       width: 247px;height: 453px;
       border: 1px solid #E4E4E4;
          .kuaibao{
              width: 247px;height: 43px;
              border-bottom: 1px solid #E4E4E4;
              .kuai{
                  float: left;
                  text-indent: 10px;
                  text-align: center;
                  line-height: 43px;
                 color: #666;
                 font-size: 16px;
              }
              .geng{
                  float:right;
                  font-size: 12px;
                  padding:12px 10px 0px 0px;
                   &:hover{a{color:@color}}
              }
          }
          .nei{
              position: absolute;
              border-bottom: 1px dashed #ccc;
              font-size: 12px;
              height: 155px;
              width: 247px;
              margin-top: 44px;  
              li{
                  padding-left: 10px;padding-top: 10px;
                   a{color:@color;
                      span{ font-weight: 700;color: #666;padding-right: 5px;}
                   }
              }
                    
          }
          .life{ width: 247px;height: 44px; line-height: 44px;        
                text-indent: 10px;
             position: absolute;    top: 385px;  
          }
           .jipiao{
                width: 247px;height:210px; 
                position: absolute; top: 430px;
                .fenlei{
                    width: 247px;height:27px;padding-left: 1px;
                   li{
                       float: left;
                       line-height: 27px;
                        padding:0 16px;
                        border: 1px solid #ccc;
                   }
                }
                .box{
                    width: 247px;height:184px;
//                  background: yellow;
                    position: relative;
                    .hidden{
                         width: 247px;height:180px;
                         position: absolute;top: 0px;left: 0;
//                       display: none;                        
                    }
                }
              
          }
       
    }
 
}
   //今日推荐部分（轮播图下面部分）
    .today_tui{
        width: 1210px;height: 164px;
        margin: 0 auto;
//      border: 1px solid blue;
        margin-top: 10px;
       .biao{
           float:left;
       }
       .box{
           width: 998px;
           height: 164px;
           float: left;
           overflow: hidden;
//         background: yellow;
           position: relative;
           .father{
               position: absolute;
               top: 0;left: 0;
               width: 3012px;
               img{
                   float: left;
                   margin-right: 1px;
               }
           }
           
        }
       
}
    //今日推荐部分（轮播图下面部分结束
//猜你喜欢
.think_like{
    width: 1210px;overflow: hidden; 
    margin:0 auto;
    margin-top:20px;
//  border: 1px solid red;
    .wenzi{
        width: 1210px;height: 36px;
//      border-bottom: 1px solid black;
        .xiao,.shua,.huan,.tu{display:block;height: 36px;}   
        .xi{
           color: #666666;font-size: 20px;text-align: center;line-height: 36px;
           text-indent: 10px; 
           float: left;
        } 
        .tu{
           width:225px;height:15px;
           float: left;
           background: url(../images/bg7.png) no-repeat 0px -100px;
           margin-top: 10px;
        } 
        .shua{
            width: 21px;height: 21px;
            float: right;
            background: url(../images/bg7.png)no-repeat -352px -4px;
            margin-top: 8px;
            cursor: pointer;
            &:hover{background: url(../images/bg7.png)no-repeat -352px -28px;}
        }
        .huan{float: right;   margin-top: 10px; padding-right: 3px;&:hover{color: #C31D1A;}} 

    }
    .showbox{
        width: 1208px;
        border:1px solid #D1D1D1;
        overflow: hidden;
        .show{
            width: 201px;height: 230px;
//          background: red;
             float: left;
            position: relative; 
            .tu{display: block;position: absolute;width: 130px;height:130px;
                top: 33px;left: 30px;
            }
            .xi{
                position: absolute;
                bottom: 5px;
                border-right: 1px solid #D1D1D1;
                width: 201px;height: 61px;
                    p{
                        width: 135px;padding-left: 30px;
                    }
                 .money{color: #C81623;font-size: 16px;padding-left: 30px; margin-top: 10px;}
            }
        }
    }
}
//猜你喜欢结束
@border:#EDEDED;
@color:#666;
.border(@px:1px){
    border: @px solid #EDEDED;
}
//京东特殊购开始
.speical{
    width: 1210px;overflow: hidden;
//  border: 1px solid  @border;

    margin: 0 auto;
    margin-top: 20px;
    .top{width: 1210px;height: 36px; line-height: 36px;font-size: 20px; color: @color;}
    .sp{width:1210px;overflow: hidden;
            .kuai{width: 201px;height: 200px;
                   float: left;  position: relative;   
                    margin-left: -1px;         
                 .border;
                 img{width: 201px;height: 200px;}
                 .keji{
                     position: absolute;top: 19px;left: 64px;
                     color:@color;
                    font-size: 16px;
                    font-weight: 700;
                 }
                 .wan{
                     position: absolute;top: 48px;left: 56px;color:#C81623;
                 }
               
            }
            .changtu{
                position: relative;
                 margin-left: -1px;
                display:block;float: left;.border;
                .zhi{position: absolute;top:59px;left: 43px;font-weight: 700;}
                .zhi2{position: absolute;top:90px;left: 44px;color: #333333;font-size: 16px;}
                .ping{
                    width: 100px;height: 23px;position: absolute;top: 133px;left: 29px;
                    background: #E7004D;
                    padding-left: 35px;
                    line-height: 23px;
                    color: white;
                    font-size: 16px;
                }
            }
            .common5{width: 200px;height: 200px;
                   float: left;  position: relative; 
                   margin-left: -1px;      
                .border;

                .hao{
                  position: absolute;top: 20px;
                   .qu,.dong{display: block;float: left;}
                   .qu{width: 30px;height: 16px;margin-left:56px;background: #DD4957;text-align: center;line-height: 16px;
                          color: white;
                   } 
                   .dong{color:@color;font-size: 16px;padding-left: 3px;font-weight: 700;line-height: 18px;}
                                                                                          
                }
                .hongzi{ color:#DD4957;text-align: center;line-height: 30px;position: absolute;top: 45px;left: 13px;}
            }
    }
    
}
//京东特色够结束
//特殊广告部分
.des{
    width: 1210px;overflow: hidden;
  margin: 0 auto;
  margin-top: 20px;
}
//特殊广告部分结束
//1楼部分开始
.first_floor{
    width: 1210px;overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
//  .border;
    .lbiao{
        display: block;width: 31px;height: 26px;float: left;
        background: url(../images/bg8.png)no-repeat;
         line-height: 26px;
        margin-top: 5px;
        font-size: 14px;color: white;
    }
    .fuxie{
        float: left;font-size: 20px;color:#333;padding:3px 0 0 3px;
    }
    .floor_top{
        width: 1210px;height: 38px;
        border-bottom: 1px solid #C81623;
       
        .teb{
           
            height: 38px;           
            float: right;
            border: 1px solid #EDEDED;
            border-bottom: 1px solid white;
            margin-top:1px;
            background:white;
            li{               
                float: left;line-height: 34px;
                border: 1px solid white;
                border-top: 2px solid white;
//              margin-left: -1px;
                border-bottom: 1px solid #C81623;
                a{padding-left: 16px;padding-right: 19px;}
                span{color:#CCCCCC}
                &:hover{
                    border: 1px solid #C81623;
                    border-top: 2px solid #C81623;
                    border-bottom: none;
                    a{color:#C81623}
                }
            }
        }
    }
//  内容部分
    .first_content{
        width: 1210px;overflow:hidden;
        position: relative;
//      .border;
        .content_left{
            width: 329px;height: 472px;
            float: left;
//          background: yellow;
            position: relative;
            .left_center{
                width: 329px;height: 92px;
                background: rgba(234,235,245,0.5);             
                position: absolute;top:252px;left: 0;
                li{
                  float: left;
                  padding-left: 37px;
                  margin-top: 10px;
                  line-height: 26px;
                  span{display: block;width:26px;height:26px; float:left;margin-right: 3px;}
                  .n1{background: url(../images/bg9.png)no-repeat;}
                  .n2{background: url(../images/bg9.png)no-repeat 0 -26px;}
                  .n3{background: url(../images/bg9.png)no-repeat 0 -52px;}
                  .n4{background: url(../images/bg9.png)no-repeat 0 -78px;}
                  .n5{background: url(../images/bg9.png)no-repeat 0 -104px;}
                  .n6{background: url(../images/bg9.png)no-repeat 0 -130px;}
                  a:hover{color:#C81623}
                }
            }
            .left_bottom{
                position: absolute; bottom: 0;
                width: 330px;height: 135px;
               background: #EAEBF5;
               .left_bottom1,.left_bottom2{
                   width: 138px;
                   float: left;
                   padding-top: 20px;
                   padding-left: 26px;
                   li{
                       float: left;
                       padding-right: 10px;
                       padding-top: 5px;
                       font-size: 12px;
                       a{color: #999999;}
                       &:hover{a{color:#C81623}}
                   }
               }
            }
        }
        //右面部分切换部分
        .teb{
           position: absolute;top: 0px;left: 329px; 
           width: 880px;height: 475px;
//         background: yellow;
           img{display: block;float: left;.border;margin-left: -1px;margin-top: -1px;}
           .kuai{width: 439px;height: 156px;}
           .kuai1{width:218px;height: 156px;}
//         轮播图
           .lunbo{
               width: 439px;height: 315px;
               float: left; 
               position: relative;  
               margin-top: -1px;            
               .border;
               img{
                   display: block;position: absolute;
                     width: 439px;height: 315px;
               }
               
           }
        }     
        //右面切换部分结束
    }
//  内容结束
//   广告区域
     .guanggao{
        width: 1210px;
        height: 60px;
        background: #F7F7F7;
        margin-top: 20px;
        .border;
        img{
            margin-top: 10px;
            width: 100px;height: 40px;
            border-right: 1px dashed #EDEDED;
            float: left;
        }
     }
//  广告结束
}
//1楼部分结束

//2楼开始

#second_left{
    width: 210px;
    .second_center{
        width: 210px;
    }
    .second_bottom{
        width: 210px;
    }
}
.teb2{
    position: absolute; left: 210px;
    width: 998px;height: 472px;
//  .border;
    .kuai{
        width: 198px;height: 235px;
        position: relative;
        margin-left: -1px;
        margin-top: -1px;
        float: left;.border;
        .tu{width: 130px;height: 130px;
                display: block;position: absolute;
                top: 18px;left:33px;
                img{width: 130px;height: 130px;}
          }
        .zi{
            width: 165px;height: 36px;
            position: absolute;bottom: 34px;left: 18px;
            a:hover{color: #E4393C;}
        }
        .jia{
            color: #E4393C;
            font-size: 15px;
            position: absolute; bottom:15px;left:18px;
        }
        
    }
}
//2楼结束
//3楼开始
#third_center{
    height: 45px; 
}
 #third_bottom{
        height: 175px;
        .bottom0{ 
                padding-left: 10px;
                padding-top: 10px;   
               
            li{
                margin: 5px 15px 0px 20px;
                float: left;
                font-size: 14px;               
                a:hover{color:#C81623}
            }
        }
        .bottom1,.bottom2{
            
//          background: red;
            margin-top: 10px;
            padding-left: 20px;
            padding-right: 20px;
            width: 140px;
            float: left;
            li{float: left;margin-left: 20px;}
            a{color: #999;&:hover{color: #C81623;}}
        }
        .bottom2{
            padding-left: 0;padding-right: 5px;
        }
 }
.teb3{
//  background: yellow;
    .lunbo3{
        width: 437px;height: 234px;
        float: left;
//      background:red;
        position: relative;
        a{display: block;width: 437px;height: 234px;position: absolute;display: none;
                 img{  width: 437px;height: 234px; }
        }  
        //小圆点
        .dian{height: 10px;position: absolute;bottom: 10px;left: 190px;
            li{ float: left;
                background: #3E3E3E;
                border-radius: 50% 50%;
                margin-left:8px;
                width: 10px;height: 10px;
             }
        }      
    }
    //小图
       .xiaotu{
           width: 220px;height: 117px;
           float: left;
       }
       .bigtu{
           width: 219px;height: 235px;float: left;
           margin-top: 0px;
           border: 1px solid #ccc;
       }
}
//3楼结束

//公共底部开始
footer{
    clear: both;
    margin-top: 20px;
    .sixbian{
        width: 100%;height: 94px;
        background: #F5F5F5;
        .tua{
            width: 1210px;height: 94px;
            margin: 0 auto;
            line-height: 94px;
           img{
              margin: 20px 35px;
           }
        }       
    }
    .jieshao{
        width: 1210px;overflow: hidden; border-bottom: 1px solid #E5E5E5;
        margin: 0 auto;
       dl{
           width: 199px;float: left;padding-top: 24px;
           padding-bottom: 40px;
           dt{
               color:#666666;font-size: 16px;
           }
           dd{
               padding-top: 6px;
               
               color: #666;
           }
       }
       .ditu{
           float: right;
//         .border;
           position: relative;
           width: 203px;height: 168px;
           background: url(../images/bg20.png)no-repeat 0 -131px;
           .a1{position: absolute;top:24px;left: 17px;color: #666;font-size: 16px;}
           .a2{position: absolute;top: 61px;left: 20px;color:#666;font-size: 12px;}
           .a3{position: absolute;bottom:20px;right:0px;&:hover{color:#B61D1D}}
       }
    }
    .bi{
        width: 1210px;margin: 0 auto;
        .ul{
            padding-top: 20px;
            padding-left: 201px;
            width: 1000px;
            float: none;
           li{float: left;color: #666;
               span{
                   padding: 0 10px 0 10px;
               }
           }
        }
        .b{padding-top: 20px;}  
        .b5{img{padding-right: 10px;}}
    }
}
//公共底部结束









